<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>淘宝网-淘！我喜欢</title>
    <link rel="stylesheet"  type="text/css"  href="../css/home.css"/>
    <script src="../jquery-1.11.1.min.js"></script>
    <script src="../unslider.min.js"></script>
    <script src="../js/taobao.js"></script>
</head>
<body>
<div class="navigation" >
    <div class="log_in">
        <ul>
            <li><a href="#" ><span style="margin-right: 5px" class="login">亲，请登录</span></a></li>
            <li><a href="#" class="color"><span style="margin-right: 15px">免费注册</span></a></li>
            <li><a href="#" class="color"><span>手机逛淘宝</span></a></li>
        </ul>
    </div>
    <div class="user">
        <ul>
            <li style="float: left ;padding-right: 6px">
                <div class="dropdown">
                    <a href="#" ><span class="color">我的淘宝</span></a>
                    <div class="dropdown-content">
                        <a href="#">已买到的宝贝</a>
                        <a href="#">我的足迹</a>
                    </div>
                </div>
            </li>
            <li><a href="#" ><span class="color">购物车</span></a></li>
            <li><a href="#" ><span class="color">收藏夹</span></a></li>
            <li><a href="#" ><span class="color">商品分类</span></a></li>
            <li>|</li>
            <li><a href="#" ><span class="color">卖家中心</span></a></li>
            <li><a href="#" ><span class="color">联系客服</span></a></li>
            <li><a href="#" ><span class="color">网站导航</span></a></li>
        </ul>
    </div>
</div>

<div class="content">
    <div class="top">
        <div style="width: 265px;height: 88px;float: left">
            <div class="logo">
                <h1><a href="//www.taobao.com"><img src="../img/TB1bNE7LFXXXXaOXFXXwFSA1XXX-292-116.png" /></a></h1>
            </div>
        </div>
        <div class="search" >
            <!--<div class="advanced_search">高级搜索</div>-->
            <div class="search_t">
                <div class="search_top">
                    <ul>
                        <li ><a href="#" class="baby" >宝贝</a></li>
                        <li><a href="#" class="tianmao">天猫</a></li>
                        <li><a href="#" class="shop">店铺</a></li>
                    </ul>
                </div>
                <div class="search_input">
                    <input class="search_input_bd" type="text"  placeholder="请输入" >
                    <button class="btn_search" >搜索</button>
                </div>
            </div>
            <div class="search_bd">
                <ul style="margin: 0;font-size: 12px;padding-left: 0">
                    <li><a href="#">梳子</a></li>
                    <li><a href="#">毛衣</a></li>
                    <li><a href="#">呢大衣</a></li>
                    <li><a href="#">更多></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="taobao_back">
        <div class="thematic_market">
            <div class="classification">
                <div class="left_column">
                    <div class="themes">
                        <th><h3>主题市场</h3></th>
                    </div>
                    <div class="species" >
                        <ul style="list-style-type:none;padding-left: 0;margin: 0;margin-left: 35px">
                            <li>女装/男装/内衣 </li>
                            <li> 鞋靴 / 箱包 / 配件</li>
                            <li> 童装玩具 / 孕产 / 用品</li>
                            <li> 家电 / 数码 / 手机</li>
                            <li> 美妆 / 洗护 / 保健品</li>
                            <li> 珠宝 / 眼镜 / 手表</li>
                            <li> 运动 / 户外 / 乐器</li>
                            <li> 游戏 / 动漫 / 影视</li>
                            <li> 美食 / 生鲜 / 零食 </li>
                            <li> 鲜花 / 宠物 / 农资</li>
                            <li> 房产 / 装修 / 建材</li>
                            <li> 家具 / 家饰 / 家纺</li>
                            <li> 汽车 / 二手车 / 用品</li>
                            <li> 办公 / DIY / 五金电子</li>
                            <li> 百货 / 餐厨 / 家庭保健</li>
                            <li> 学习 / 卡券 / 本地服务</li>
                        </ul>
                        <div>
                            <li style="list-style-type:none;padding-left: 0"><img src="../img/TB2EOQDXceJ.eBjy0FiXXXqapXa-2128080700.jpg" /> </li></tr>
                        </div>
                    </div>
                </div>
            </div>
            <div class="website">
                <ul class="mao" >
                    <li><a href="#" style="color: #FF6537;font-size: 16px;">天猫</a></li>
                    <li><a href="#" style="color: #FF6537;font-size: 16px">聚划算</a></li>
                    <li><a href="#" style="color: #FF6537;font-size: 16px">天猫超市</a></li>
                </ul>
                <ul class="tao">
                    <li><a href="#">|</a></li>
                    <li><a href="#">淘抢购</a></li>
                    <li><a href="#">电器城</a></li>
                    <li><a href="#">司法拍卖</a></li>
                    <li><a href="#">中国制造</a></li>
                    <li><a href="#">特色中国</a></li>
                </ul>
                <ul class="ali">
                    <li><a href="#">|</a></li>
                    <li><a href="#">阿里旅行</a></li>
                    <li><a href="#">智能生活</a></li>
                    <li><a href="#">苏宁易购</a></li>
                </ul>
            </div>
            <div class="recommended-store">
                <div class="good_shop">
                    <div class="taobao_shop">
                        <div class="banner" id="b04">
                            <ul >
                                <li><img src="../img/TB15opXKpXXXXcXaXXXSutbFXXX.jpg"></li>
                                <li><img src="../img/2.jpg" ></li>
                                <li><img src="../img/3.jpg" ></li>
                                <li><img src="../img/4.jpg" ></li>
                                <li><img src="../img/5.jpg" ></li>
                            </ul>
                            <a href="javascript:void(0);" class="unslider-arrow04 prev"><img class="arrow" id="al"  src="../img/arrowl.png"/></a>
                            <a href="javascript:void(0);" class="unslider-arrow04 next"><img class="arrow" id="ar"  src="../img/arrowr.png"/></a>
                        </div>
                        <script>
                            $('.banner').unslider({
                                speed: 500,
                                delay: 4000,
                                complete: function() {},
                                keys: true,
                                dots: true,
                                fluid: false
                            });
                        </script>
                    </div>
                    <div class="tianmao_good_shop">
                        <div class="tianmao_hot">
                            <span style="font-size: 14px;font-weight: 800">天猫必逛</span><em style="font-size: 12px">热门品牌,天天上天猫!</em>
                        </div>
                        <div class="tmall_tu">
                            <img style=" margin-left: 16px;" src="../img/TB1qhWZNXXXXXb3XFXXXXXXXXXX-251-190.jpg_240x240.jpg"/>
                            <img src="../img/TB1BBiZNXXXXXb4XFXXXXXXXXXX-251-190.jpg_240x240.jpg"/>
                        </div>
                    </div>
                </div>
                <div class="tmall_r">
                    <div class="newest">
                        <img src="../img/TB1WbIFNpXXXXXUXFXXXXXXXXXX-160-280.jpg"/>
                    </div>
                    <div>
                        <div class="tmall_hot_sell">
                            <h5 style="margin: 0;color: #979797;font-size: 12px">今日热卖</h5>
                        </div>
                        <div>
                            <img src="../img/TB1_cF.LXXXXXagXFXXSutbFXXX.jpg"/>
                        </div>
                    </div>
                </div>
                <div class="ali_service">
                    <div class="user_login">
                        <div class="user_hd">
                            <img src="../img/user.jpg">
                            <span style="display: block;font-size: 12px">Hi!<strong>你好</strong></span>
                            <p style="width: 268px;height: 20px;font-size: 12px;margin-top: 0">
                                <a style="color: #F40;" href="#">领淘金币抵钱</a><span>或去</span><a style="color: #F40;" href="#">会员俱乐部</a>
                            </p>
                        </div>
                        <div class="user_use">
                            <a style="color: white" href="#">登录</a>
                            <a style="color: white" href="#">注册</a>
                            <a style="color: white" href="#">开店</a>
                        </div>
                    </div>
                    <div class="announcement">
                        <div class="navigation_top">
                            <ul class="navigation_top_hd">
                                <li>公告</li>
                                <li>规则</li>
                                <li>论坛</li>
                                <li>安全</li>
                                <li>公益</li>
                            </ul>
                        </div>
                        <div class="navigation_top_bd">
                            <div class="detailed_info">
                                <ul style="font-size: 12px;display: inline;list-style: none;">
                                    <li>阿里股东大会 马云公开信关心未来30年社会发展</li>
                                    <li>阿里江苏全面战略合作</li>
                                    <li>张勇谈阿里未来布局</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="recharge">
                        <div class="recharge_hd">
                            <ul>
                                <li>充值</li>
                            </ul>
                        </div>
                        <div class="recharge_bd">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

</div>
</body>
</html>